@mixin border-bottom-1px($color){
	position: relative;
	&::after{
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		border-bottom: 1px solid $color;
		content: ' ';
	}
}
@mixin border-top-1px($color){
	position: relative;
	&::before{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		border-bottom: 1px solid $color;
		content: ' ';
	}
}

@mixin border-none(){
	&::after{
		display: none;
	}
}
@mixin bg-img($url,$width,$height){
	background: url($url + "@2x.png");
	background-size: $width $height;
	@media screen and (-webkit-min-device-pixel-ratio: 3){
		background: url($url + "@3x.png");
		background-size: $width $height;
	}
}
@mixin display-flex{
	display:-webkit-box;
	display:-moz-box;
	display: -ms-flexbox;
	display:-inline-flex;
	display: -webkit-flex;
	display:flex;
	display: -webkit-box;
}
@mixin justify-content($value){
	-webkit-box-pack: $value;
	-ms-flex-pack: $value;
	justify-content: $value;
}
@mixin align-items($pos){
	-webkit-box-align: $pos;
	-ms-flex-align: $pos;
	align-items: $pos;
}
@mixin flex-1{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	width: 0%
}
@mixin border-radius($radius){
	-webkit-border-radius: $radius;
	border-radius: $radius;
}
@mixin border-box{
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}
// 圆角适配
@mixin border-radius-1px($color, $radius){
	position:relative;
	&::after{
		border: 1px solid $color;
		border-radius: $radius;
	}
}
